<template>
  <ve-histogram :data="chartData" :settings="chartSettings" ref="chart"></ve-histogram>
</template>

<script>
import resize from './mixins/resize'
export default {
  mixins: [resize],

  data () {
    this.chartSettings = {
      axisSite: { right: ['下单率'] },
      yAxisType: ['KMB', 'percent'],
      yAxisName: ['数值', '比率'],
      xAxisName: '日期'
    }
    return {
      chartData: {
        columns: ['日期', '访问用户', '下单用户', '下单率'],
        rows: [
          { 日期: '4/1', 访问用户: 3577, 下单用户: 2599, 下单率: 0.72 },
          { 日期: '4/2', 访问用户: 3000, 下单用户: 1636, 下单率: 0.54 },
          { 日期: '4/3', 访问用户: 3242, 下单用户: 1834, 下单率: 0.56 },
          { 日期: '4/5', 访问用户: 3148, 下单用户: 1756, 下单率: 0.55 },
          { 日期: '4/6', 访问用户: 3076, 下单用户: 1956, 下单率: 0.63 },
          { 日期: '4/7', 访问用户: 3359, 下单用户: 2422, 下单率: 0.72 }
        ]
      }
    }
  },
  computed: {
    // getDays () {
    //   const dt = new Date()
    //   const day = (dt.getDate() + '').padStart(2, '0')
    //   return day
    // }
  }
}
</script>
